<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photography</title>
    
    <link rel="stylesheet" href="./css/1.css">
    
    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>
<body>
    <!-- 主页面风格布局样式参照思缘教程网http://www.missyuan.net/photoshop/ -->
    <!-- 整个框架 -->
    <div>
<div>
        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="https://www.bilibili.com/video/BV1SJhVexEeg/?vd_source=6f4b3c43be3dc4f105a985362d1dce81" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 主菜单 -->
        <div class="nav">
            <ul>
                <!-- 导航栏中 -->
                <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                <li><a href="../index首页.html">首页</a></li>

                <li><a href="../li/hcj.html">Web前端</a></li>
                <li ><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                <li><a href="../兰/摄影.html">Photography</a></li>
                <div class="deng">
                    <!-- 导航栏右 -->
                    <li class="qr">
                        <!-- 鼠标悬停时下方出现二维码 -->
                        <a href="">
                            <span>客户端下载</span>
                        </a>
                        <!-- 二维码 -->
                        <div>
                            <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                        </div>
                    </li>
                    <!-- (含js) -->
                    <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                    <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                </div>
            </ul>
        </div>
</div>


        <!-- 标题、课程介绍 -->
        <div class="tit">
            <h3>Photography(即摄影)</h3>
            <p>
                当今图像时代，摄影已成为一门普遍的艺术语言，是凝固瞬间和认识世界的一个重要手段。本课程对基础技术知识讲解，与你一起分享摄影的内容及技巧，提升美学素养，引导大家体验美、发现美，表达美，用相机有选择的观察和记录生活。
            </p>
            <p>
                熟悉手中器材，了解照相机基础知识。<br>
                欣赏摄影作品，提高审美力和鉴赏力。<br>
                提高实践能力，拍摄更好的摄影作品。<br>
            </p>
        </div>

        <!-- 入门教程盒子框架 -->
        <div class="content">
            <h4>入门教程</h4>

            <div class="cont">
            <li>
                <div>
                    1.了解摄像机<br>
                    <a href="./摄影1.html">
                        <img src="./images/摄影1.jpg" alt="">
                        <p>摄像机的基础设置和使用</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    2.摄影构图<br>
                    <a href="./摄影2.html">
                        <img src="./images/摄影2.jpg" alt="">
                        <p>新手必学的基本构图技巧</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    3.意识培养<br>
                    <a href="./摄影3.html">
                        <img src="./images/摄影3.png" alt="">
                        <p>摄影初学者需普及的5大知识点</p>
                    </a>
                </div>
            </li>
        </div>
        </div>

        <!-- 审美欣赏 -->
        <div class="content">
            <h4>审美欣赏</h4>

            <div class="cont">
            <li>
                <div>
                    <a href="https://www.bilibili.com/video/BV18t41117MA/?spm_id_from=333.337.search-card.all.click&vd_source=23840ce044bf987f02faeda2f4559dd8">
                        <img src="./images/审美欣赏1.png" alt="">
                        <p>摄影审美系列课全集</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    <a href="https://www.bilibili.com/video/BV1qh411Q7G3/?spm_id_from=333.337.search-card.all.click&vd_source=23840ce044bf987f02faeda2f4559dd8">
                        <img src="./images/审美欣赏2.png" alt="">
                        <p>“我是怎么提升摄影审美的”</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    <a href="./摄影4.html">
                        <img src="./images/摄影4.png" alt="">
                        <p>如何提高摄影审美</p>
                    </a>
                </div>
            </li>
        </div>
        </div>

        <!-- 实际应用 -->
        <div class="content">
            <h4>实际应用</h4>
            
            <div class="cont">
            <li>
                <div>
                    1.风景<br>
                    <a href="./摄影5.html">
                        <img src="./images/摄影5.png" alt="">
                        <p>摄影初学者如何拍出好看的风景</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    2.美食<br>
                    <a href="./摄影6.html">
                        <img src="./images/摄影6C.jpg" alt="">
                        <p>美食图片拍摄的八个小技巧</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    3.趣味性<br>
                    <a href="./摄影7.html">
                        <img src="./images/摄影7D.jpg" alt="">
                        <p>快速让相片更具趣味的6个技巧</p>
                    </a>
                </div>
            </li>
            
            <li>
                <div>
                    4.抽象艺术<br>
                    <a href="./摄影8.html">
                        <img src="./images/摄影8C.png" alt="">
                        <p>5个摄影小技巧拍出抽象艺术作品</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    5.高级感<br>
                    <a href="./摄影9.html">
                        <img src="./images/摄影9C.png" alt="">
                        <p>拍出高级感作品的10个摄影技巧</p>
                    </a>
                </div>
            </li>

            <li>
                <div>
                    6.旅行照<br>
                    <a href="./摄影10.html">
                        <img src="./images/摄影5A.jpg" alt="">
                        <p>摄影师如何在人多的地方拍好旅行照</p>
                    </a>
                </div>
            </li>
         </div>
        </div>


         <!-- 页脚（含仓库） -->
         <foot
         style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
         <!-- 页脚框架 -->
         <div>
             <div>
                 <!-- logo为单独一行 -->
                 <div>
                     <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
                 </div>
                 <!-- csdn二维码和w3cschool二维码 为一行 -->
                 <div>
                     <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                     <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                         alt="">
                 </div>
             </div>

             <!-- （一行白字）相关链接、版权声明等 -->
             <div>
                 <style>
                     a {
                         color: black;
                     }
                 </style>
                 <a href="" target="_blank">相关链接</a>
                 <a href="" target="_blank">隐私政策</a>
                 <a href="" target="_blank">版权声明</a>
                 <a href="" target="_blank">反馈箱</a>
                 <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
                 <a href="../兰/小组.html" target="_blank">关于我们</a>
             </div>

             <!-- 灰白字体 -->
             <div>
                 <div>
                     &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                     <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
                 </div>
                 <div>
                     网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
                 </div>
             </div>
         </div>
     </foot>
    </div>
    <script src="../哲/搜索一.js"></script>
</body>
</html>